<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>品优购-个人注册</title>
    <!-- 样式 -->
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/register.css" />
    <!-- favicon 图标 -->
    <link rel="shortcut icon" href="favicon.ico" />
  </head>
  <body>
    <div class="w">
      <header>
        <div class="logo">
          <a href="index.html">
            <img src="images/logo.png" alt="" />
          </a>
        </div>
      </header>
      <div class="registerarea">
        <h3>
          注册新用户
          <div class="login">已有账号？<a href="index.htlm">去登录</a></div>
        </h3>
        <div class="reg-form">
          <form action="">
            <ul>
              <li>
                <label for="">手机号：</label> <input type="text" class="inp" />
                <span class="error">
                  <i class="error-icon"></i>
                  手机号码格式不正确，请重新输入</span
                >
              </li>
              <li>
                <label for="">短信验证码：</label>
                <input type="text" class="inp" />
                <span class="success">
                  <i class="success-icon"></i>
                  验证正确</span
                >
              </li>
              <li>
                <label for="">登录密码：</label>
                <input type="text" class="inp" />
                <span class="error">
                  <i class="error-icon"></i>
                  号码格式不正确，请重新输入</span
                >
              </li>
              <li class="safe">
                安全程度 <em class="weak">弱</em><em class="middle">中</em
                ><em class="strong">强</em>
              </li>
              <li>
                <label for="">再次输入密码：</label>
                <input type="text" class="inp" />
                <span class="error">
                  <i class="error-icon"></i>
                  密码不一致，请重新输入</span
                >
              </li>
              <li class="agree">
                <input type="checkbox" />&nbsp;同意协议并注册<a href="#"
                  >《用户协议》</a
                >
              </li>
              <li class="registe">
                <button class="btn">完成注册</button>
              </li>
            </ul>
          </form>
        </div>
      </div>
      <!-- footer 模块 -->
      <footer class="footer">
        <div class="w">
          <!-- 版权部分 -->
          <div class="mod_copyright">
            <div class="links">
              <a href="#">关于我们</a> | <a href="#">联系我们</a> |
              <a href="#">联系客服</a> | <a href="#">商家入驻</a> |
              <a href="#">营销中心</a> | <a href="#">手机品优购</a> |
              <a href="#">友情链接</a> | <a href="#">销售联盟</a> |
              <a href="#">品优购社区</a> | <a href="#">品优购公益</a> |
              <a href="#">English</a> | <a href="#">Site</a> |
              <a href="#">Contact</a>
            </div>
            <div class="copyright">
              地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096
              电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn
              <br />
              京ICP备08001421号京公网安备110108007702
            </div>
          </div>
        </div>
      </footer>
    </div>
  </body>
</html>
